$(function(){
	(function(win,doc){
		function change(){
			doc.documentElement.style.fontSize=
	20*doc.documentElement.clientWidth/640+'px';	
		}
		 change();
		win.addEventListener('resize',change,false);	
	})(window,document) 
	
	$(".nav>li").click(function(){
		var ind=$(this).index()+1;
		$(this).addClass("active");
		$(this).siblings().removeClass("active")
		$(".content").removeClass("active")
		$(".content").eq(ind).addClass("active");
		
	})
	$(".click").click(function(){
		$(".topBox").slideToggle();
		return false;
    
	})
//	$(".topBox").click(function(){
//		
//	})
	$("body").click(function(){
		$(".topBox").slideUp();
    
	})
	$(".topBox .content").click(function(){
		$(".topBox").slideDown();
		return false;
	})
	$(".topBox .content li").children("p").click(function(){
		$(".topBox .content li").children("p").removeClass("active");
		$(this).addClass("active")
	})
	
})
